<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>业务详细</title>

	<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css" >
		
	<!--jquery -->
	<script type="text/javascript" src="../js/jquery/jquery-2.0.3.min.js" ></script>
	
	<!-- BOOTSTRAP -->
	<script src="../bootstrap/js/bootstrap.min.js"></script>
	
	<!-- jquery-confirm -->
	<link href="../css/jquery-confirm.css" rel="stylesheet">
	<script type="text/javascript" src="../js/jquery-confirm.js" ></script>

	<!-- 遮罩层插件 -->
	<link rel="stylesheet" type="text/css" href="../js/jquery.mloading/src/jquery.mloading.css">
	<script type="text/javascript" src="../js/jquery.mloading/src/jquery.mloading.js"></script>
	
	<script type="text/javascript" src="../js/share.js"></script>
	<script type="text/javascript" src="../js/bindcontrol.js"></script>
	
	<script type="text/javascript" src="detail.js"></script>
	
	<style type="text/css">
		.tdTitle{
			background-color: #eee; width:13%; text-align: right;
		}
		.tdContent{
			width:20.3%;
		}
	</style>
	
</head>
<body style="background-color: white;">
	
	<div class="container">	
			<div style="text-align: right; margin: 10px;">
				<a id="edit"><button type="button" class="btn btn-primary">编辑</button></a>
				<a id="delete"><button type="button" class="btn btn-danger">删除</button></a>
				<a id="correction"><button type="button" class="btn btn-primary">材料补正</button></a>
<!-- 				<a target="_blank;" id="change"><button type="button" class="btn btn-info">变更</button></a> -->
			</div>

			<!-- 申请单信息 -->
			<table class="table table-bordered"  style="vertical-align: middle !important;">
				<tr>
					<td class="tdTitle">
						申请单号：
					</td>
					<td>
						<span id="applyno"></span>
					</td>
					<td class="tdTitle">
						申报机构：
					</td>
					<td colspan="3">
						<span id="orgname"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						项目名称：
					</td>
					<td colspan="5">
						<span id="itemname"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						申请渠道：
					</td>
					<td class="tdContent">
						<span id="approveresult">互联网申报</span>
					</td>
					<td class="tdTitle">
						申请时间：
					</td>
					<td class="tdContent">
						<span id="applytime"></span>
					</td>
					<td class="tdTitle">
						申请状态：
					</td>
					<td class="tdContent">
						<span style="color:red; font-weight: bold;" id="nodename"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						公司编号：
					</td>
					<td>
						<span id="companyid"></span>
					</td>
					<td class="tdTitle">
						公司名称：
					</td>
					<td colspan="3">
						<span id="company"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						申请人姓名：
					</td>
					<td>
						<span id="proposer"></span>
					</td>
					<td class="tdTitle">
						申请人联系地址：
					</td>
					<td>
						<span id="contactaddr"></span>
					</td>
					<td class="tdTitle">
						联系电话：
					</td>
					<td>
						<span id="mobilephone"></span>
					</td>
				</tr>
				<tr id="booklist">
					<td class="tdTitle">
						文书：
					</td>
					<td colspan="5" id="book">

					</td>
				</tr>
			</table>
				
			<!-- 业务信息 -->
			<div id="businessForm">
			
			</div>
							
			<!-- 提交材料信息 -->
			<table class="table table-bordered" style="text-align: center;" id="material">
			<thead>
				<tr style="background-color: #eee; ">
					<th style="width: 5%;text-align: center;">序号</th>
					<th style="width: 45%;text-align: center;">材料名称</th>
					<th style="width: 10%;text-align: center;">材料数量</th>
					<th style="width: 40%;text-align: center;">附件</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
			</table>
	</div>
	
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="modalShip" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="width: 1000px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title">
						船舶信息
					</h4>
				</div>
				<div class="modal-body" style="height: 600px; overflow-y: scroll;">
					<form id="shipForm">
						<table class="table table-bordered">
						<tbody>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									中文船名：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="shipname">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									英文船名：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="shipnameen" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									IMO：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="imo" >
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶识别号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="shipidnumber">
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船检登记号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="checkno" >
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									牌簿号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="cardno" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									MMSI：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="mmsi" >
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶呼号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="callsign" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									建造日期：
								</td>
								<td colspan="2">
									<input type="date" class="form-control" name="builddate">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船旗国：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="flagcode" name="flagcode"/>
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船籍港：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="portcode" name="portcode" />
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									海船/内河船：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="markcode" name="markcode" />
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶种类：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="typecode" name="typecode"  />
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶类型：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="typecode"  />
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									航区：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="areacode" name="areacode"/>
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									总吨：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="grosstonnage">
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									净吨：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="nettonnage">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									载重吨：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="deadweight" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									客位：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="ratedseat">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶营业运输证：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="license" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									所有人：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="owner">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									所有人联系电话：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="ownertelephone" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									所有人地址：
								</td>
								<td colspan="5">
									<input type="text" class="form-control" name="owneraddress" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									经营人：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="operator">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									经营人联系电话：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="operatortelephone" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									经营人地址：
								</td>
								<td colspan="5">
									<input type="text" class="form-control" name="operatoraddress">
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									登记机构：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="operator" >
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									检验机构：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="operatortelephone">
								</td>
							</tr>
							<!-- <tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶总长：
								</td>
								<td>
									<input type="number" class="form-control" name="overalllength" placeholder="请输入船舶总长">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶型宽：
								</td>
								<td>
									<input type="number" class="form-control" name="mouldedbreadth" placeholder="请输入船舶型宽">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶型深：
								</td>
								<td>
									<input type="number" class="form-control" name="mouldeddepth" placeholder="请输入船舶型深">
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									总功率：
								</td>
								<td>
									<input type="number" class="form-control" name="enginepower" placeholder="请输入总功率">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									核定航线代码：
								</td>
								<td>
									<input type="text" class="form-control" name="linecode" placeholder="请输入拖船名称">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									核定航区代码：
								</td>
								<td>
									<input type="text" class="form-control" name="areacode" placeholder="请输入拖船名称">
								</td>
							</tr> -->
							
						</tbody>
						</table>
						
		            </form>
				
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button> 
				</div>
			</div><!-- /.modal-content -->
			
			<!-- modal增加移动效果 start -->
			<script src="../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
			<script type="text/javascript">
		    	$("#modalShip").draggable();//为模态对话框添加拖拽
		    	$("#shipForm :input").attr("readonly", "readonly");
			</script>	
			<!-- modal增加移动效果 end -->	
		</div><!-- /.modal -->
	</div>
</body>
</html>